<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>解决方案详情</title>
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/solutiondetail.css" />
	</head>

	<body>
		<div class="box clearfix">
			<button class="prev btn">左</button>
			<button class="next btn">右</button>

			<div class="leftBox">
				<div class="boxcotainer">
					<div class="rbox">
						<img src="images/solutiondetail/grid_deco1.jpg" />
					</div>
					<div class="rbox">
						<img src="images/solutiondetail/grid_deco3.jpg" />
					</div>
					<div class="rbox">
						<img src="images/solutiondetail/grid_deco4.jpg" />
					</div>
					<div class="rbox">
						<img src="images/solutiondetail/grid_deco6.jpg" />
					</div>
				</div>

			</div>

			<div class="rightBox">
				<div class="imgcotainer">
					<div class="rbox">
						<img src="images/solutiondetail/grid_deco1.jpg" />
					</div>
					<div class="rbox">
						<img src="images/solutiondetail/grid_deco3.jpg" />
					</div>
					<div class="rbox">
						<img src="images/solutiondetail/grid_deco4.jpg" />
					</div>
					<div class="rbox">
						<img src="images/solutiondetail/grid_deco6.jpg" />
					</div>
				</div>

			</div>
		</div>
	</body>
	<script src="libs/jquery-1.10.2s.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(function() {
			init();//字体初始化
			var clientH = document.documentElement.clientHeight;
			var ibot = null;
			var bbot = null;
			$(".prev").click(function() {
				if(bbot == 0) {
					alert("到头了")
					return;
				}
				var bot = parseInt($(".boxcotainer").css("bottom")) + clientH;
				var imt = parseInt($(".imgcotainer").css("bottom")) - clientH;
				if(ibot == null){
					ibot = imt;
					bbot = bot;
					$(".boxcotainer").css("bottom", bot);
					$(".imgcotainer").css("bottom", imt);
				}else{
					$(".boxcotainer").css("bottom", bbot+clientH);
					$(".imgcotainer").css("bottom", ibot-clientH);
					ibot = ibot-clientH;
					bbot = bbot+clientH;
				}
			})
			$(".next").click(function() {
				if(parseInt($(".imgcotainer").css("bottom")) == 0) {
					alert("到头了")
					return;
				}
				var bot = parseInt($(".boxcotainer").css("bottom")) - clientH;
				var imt = parseInt($(".imgcotainer").css("bottom")) + clientH;
				$(".boxcotainer").css("bottom", bot);
				$(".imgcotainer").css("bottom", imt);
			})
		});
	</script>

</html>